.content{
  width: 90%;
  min-width: 500px;
  margin: 0 auto;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 10px;

  .upload-head{
    margin-bottom: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    .pic-upload{
      flex: 1;
    }
    .head-btn{
      display: flex;
      align-items: center;
      align-self: stretch;
      justify-content: center;
      width: 120px;
      border-radius: 8px;
      border: 1px solid #ddd;
      font-size: 16px;
      color: #888;
      &:hover{
        cursor: pointer;
        color: #fff;
        background-color: #45A0FF;
        border-color: #45A0FF;
      }
    }
    .clear{
      
    }
  }

  .upload-list{

    .el-scrollbar__wrap{
      .list{
        padding-right: 12px;
        .item{
          display: flex;
          align-items: center;
          margin: 12px auto;
          border: 1px solid #eee;
          border-radius: 8px;
          padding: 10px;
          &:first-of-type{
            margin-top: 0;
          }
          &:last-of-type{
            margin-bottom: 0;
          }
          .el-image{
            width: 100px;
            height: 100px;
            border-radius: 8px;
          }
          .pic-detail{
            flex: 1;
            margin: 0 12px;

            .pic-size{
              display: flex;
              align-items: center;
              .pic-size-dimension{
                flex: 1;
                display: flex;
                align-items: center;
                .pic-size-label{
                  font-size: 14px;
                  font-weight: 400;
                  color: #666;
                }
                .pic-size-value{
                  color: #666;
                  font-weight: 400;
                }
              }
            }
            .pic-link{
              margin-top: 10px;
              display: flex;
              align-items: center;
              .link-text{
                font-size: 14px;
                font-weight: 400;
                color: #666;
              }
              .link-detail{
                flex: 1;
                width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #337ecc;
                &:hover{
                  cursor: pointer;
                  color: #409eff;
                }
              }
              .link-copy{
                margin-left: 12px;
                font-size: 14px;
                font-weight: 400;
                color: #67C23A;
                &:hover{
                  cursor: pointer;
                  color: #73DA42;
                }
              }
            }
            .pic-origin{

            }
            .pic-compress{

            }
          }
        }
      }
    }
  }

  .default{

  }
}